<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="css/demo02.css">
    
</head>
<body>
    <div class="con">
        <div class="container">
            <div class="left">
                <ul>
                    <li><a href="#">新闻</a></li>
                    <li><a href="#">hao123</a></li>
                    <li><a href="#">地图</a></li>
                    <li><a href="#">直播</a></li>
                    <li><a href="#">视频</a></li>
                    <li><a href="#">贴吧</a></li>
                    <li><a href="#">学术</a></li>
                    <li   class="dropdown-btn">
                            <a href="#">更多</a>
                            <div class="dropdown-content">
                                <div class="dropdown-content-con row-1  clearfix">
                                    <a href="#">
                                        <img src="./images/网盘.png" alt="">
                                        <div class="wz">网盘</div>
                                    </a>
                                    <a href="#">
                                        <img src="./images/百科.png" alt="">
                                        <div class="wz">百科</div>
                                    </a>
                                    <a href="#">
                                        <img src="./images/知道.png" alt="">
                                        <div class="wz">知道</div>
                                    </a>
                                    <a href="#">
                                        <img src="./images/图片.png" alt="">
                                        <div class="wz">图片</div>
                                    </a>
                                </div>
                        
                                <div class="dropdown-content-con  row-2  clearfix">
                                    <a href="#">
                                        <img src="./images/网盘.png" alt="">
                                        <div class="wz">网盘</div>
                                    </a>
                                    <a href="#">
                                        <img src="./images/百科.png" alt="">
                                        <div class="wz">百科</div>
                                    </a>
                                    <a href="#">
                                        <img src="./images/知道.png" alt="">
                                        <div class="wz">知道</div>
                                    </a>
                                    <a href="#">
                                        <img src="./images/图片.png" alt="">
                                        <div class="wz">图片</div>
                                    </a>
                                </div>
                                <div class="dropdown-tocontent">
                                    <a href="#" class="x-xolor-gray2 c-font-normal">查看全部百度商品 > </a>
                                </div>
                            </div>
                    </li>
                </ul>
            </div>
            <div class="right">
                <button>设置</button>
                <button>登录</button>
            </div>
        </div>
        <div class="box">
            <div class="img">
                <img src="./images/baidu.png" alt="">
            </div>
            <div class="kuang">
                <div class="sousuo">
                    <input type="text">
                    <span class="iconfont icon-camera"></span>
                </div>
                <div>
                    <button>百度一下</button>
                </div>
            </div>
            <div class="form">
                <div class="top">
                    <a href="#">百度热搜</a>
                    <a href="#">换一换</a>
                </div>
                <ul class="list">
                    <li>
                        <a href="#">
                            <span>1</span>
                            <span>省区新增确诊22例</span>
                            <span>热</span> 
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>4</span>
                            <span>强台风来袭</span>
                            <span></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>2</span>
                            <span>朝鲜发射导弹</span>
                            <span></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>5</span>
                            <span>工作组专家称福建疫情形势严峻复杂</span>
                            <span></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>3</span>
                            <span>31省区市新增本土确诊22例</span>
                            <span></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>6</span>
                            <span>2021香港小组出炉</span>
                            <span></span>
                         </a>
                    </li>
                </ul>
            </div>
      
      
        </div>
        
</div>
</body>
</html>